page-alarmRec {
  .alarm-default {
    ion-card {
      position: relative;
      text-align: center;
      background: rgba(255, 255, 255, 0);
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
    }

    .scorebg {
      font-size: 15em;
      color: #fff;
      opacity: 0.5;
    }

    .card-title {
      position: absolute;
      top: 30%;
      font-size: 1.5em;
      width: 100%;
      color: #fff;
    }

    .card-subtitle {
      font-size: 3em;
      position: absolute;
      top: 52%;
      width: 100%;
      color: #fff;
    }
  }

  .item-ios {
    background-color: transparent !important;
  }

  .item-default {
    ion-card {
      position: relative;
      text-align: center;
      background: rgba(255, 255, 255, 0);
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
    }

    .alarmbg {
      font-size: 5.5em;
      color: green;
      opacity: 0.5;
    }

    .alarm-title-even {
      position: absolute;
      top: 20%;
      font-size: 2em;
      width: 100%;
      color: #fff;
      padding-right: 200px;
    }

    .alarm-title-odd {
      position: absolute;
      top: 20%;
      font-size: 2em;
      width: 100%;
      color: #fff;
      padding-left: 190px;
    }

    .alarm-subtitle {
      font-size: 3em;
      position: absolute;
      top: 16%;
      width: 100%;
      color: #fff;
      display: flex;
      justify-content: center;
    }

    .alarm-suffix {
      position: absolute;
      top: 70%;
      width: 100%;
      color: #fff;
      display: flex;
      justify-content: center;
      height: 40px;
    }

    .heart {
      font-size: 2.5em;
    }

    .alarm-link {
      width: 2px;
      height: 100px;
      border: 1px solid;
    }

    .card-ios {
      margin: 0 !important;
    }

    ion-card {
      height: 110px;
    }
  }

  .label-ios {
    margin: 0 !important;
  }

  .alarm-image {
    width: 40px !important;
    height: 40px !important;
  }

  .item-ios.item-block .item-inner {
    border-bottom: none !important;
  }
}
